<h3>{{ designName }}</h3>

  <label style="width:200px; margin-left: 5px; font-size: medium;">画面ID:{{ screenId }} </label>
  <label style="width: 600px; font-size: medium;">設計書名: {{ screenName }} </label>
  <label style="width: 1600px; " [ngStyle]="{'display': errmsgOfItemControl === null ? 'none' : 'block'}" >
    <font color="#FF0000">{{errmsgOfItemControl}}<br /></font>
  </label>
 
<table class="table table-bordered table-hover">
  <thead class="thead-light" style="text-align: center; vertical-align: middle">
    <tr>
      <th scope="row" rowspan='2' style="vertical-align: middle">項番</th>
      <th scope="col" colspan='2'>画面項目名</th>
      <th scope="col" rowspan='2'>I/O</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">型</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">桁数</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">属性</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">必須</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">データ項目</th>
      <th scope="col" rowspan='2' style="vertical-align: middle">処理ID</th>
    </tr>
    <tr>
      <th scope="col" colspan='1'>日本語</th>
      <th scope="col" colspan='1'>物理</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let imageItemDetaillist of imageItemDetaillist$" (click)="getErrMsgOfItemControl(imageItemDetaillist)" >
      <td>{{ imageItemDetaillist.section }}</td>
      <td [ngStyle]="{'background-color': isErrorOfItemControl(imageItemDetaillist)? 'red' : '' }" >
        {{ imageItemDetaillist.screenItemName }}</td>
      <td>{{ imageItemDetaillist.screenItemPhysicsName }}</td>
      <td>{{ imageItemDetaillist.ioCd }}</td>
      <td>{{ imageItemDetaillist.typeCd }}</td>
      <td>{{ imageItemDetaillist.digitBranch }}</td>
      <td>{{ imageItemDetaillist.attributeCd }}</td>
      <td>{{ imageItemDetaillist.required }}</td>
      <td [ngStyle]="{'background-color': imageItemDetaillist.checkFlg ? 'red' : '' }">{{ imageItemDetaillist.dataItem }}</td>
      <td [ngStyle]="{'background-color': imageItemDetaillist.checkFlg2 ? 'red' : '' }">{{ imageItemDetaillist.processingId }}</td>
      <!--<td>{{ imageItemDetaillist.processingId }}</td> -->
    </tr>
  </tbody>
</table>
<p>
  <button class="btn btn-primary" (click)="back(importedFile)">戻る</button>
  <button class="btn btn-primary margin-left-50" (click)="integrityCheck()">整合性チェック</button>
  <button class="btn btn-primary margin-left-50" (click)="integrityCheck2()">整合性チェック2</button>
  <button class="btn btn-primary margin-left-50" (click)="integrityCheck3()">整合性チェック3</button>
</p>
